<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->
<div>
  <div class="row-fluid sortable ui-sortable">
    <div class="box span12">
      <div class="box-header">
        <h2 openlmis-message="report.title.reporting.rate"></h2>
      </div>
      <div class="clearfix"><br/></div>
      <filter-container>
        <program-filter class="form-cell horizontalFilters" required="true"></program-filter>
        <schedule-filter class="form-cell horizontalFilters" required="true"></schedule-filter>
        <year-filter class="form-cell horizontalFilters" required="true"></year-filter>
        <period-filter class="form-cell horizontalFilters" required="true"></period-filter>
        <div class="form-cell horizontalFilters">
          <label class="labels">Indicator</label>
          <select style="width: 400px;" ng-model="filter.indicator_type" ng-change="OnFilterChanged()">
            <option ng-repeat="type in indicator_types" ng-selected="type.code == default_indicator"
                    value="{{type.code}}">{{type.name}}
            </option>
          </select>
        </div>
      </filter-container>
    </div>
    <div class="clear-both"></div>

    <div class="clear-both"></div>
    &nbsp;
    <div ng-include="'/public/pages/reports/maps/partials/reporting-rate/right-panel.html'"></div>
  </div>
  <ng-include src="'/public/pages/reports/maps/partials/reporting-rate/details.html'"></ng-include>
</div>
